@import 'variables';
//轮播图
.swiper-slide{
    width:@maxwidth;
    height: 3.6rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.swiper-pagination-bullet{
    background: white;
}
.likewed-conten-item{
    padding: .2rem;
    font-size: .12rem;
    a{
        width: 25%;
        float: left;
        text-align: center;
        color: @fontcolor;
          img {
                  border-radius: 100%;
                   text-align: center;
                   height: 0.48rem;
                   padding: 0.12rem;
                   padding-bottom: .15rem;
                        }
    }
}
    .likewed-conten-list{
          
        ul{
            .list-conten{
                text-align: center;
                border-top:.1rem solid #F9F9F9 ;
                position: relative;
                .conten-title{
                    text-align: left;
                    padding: .1rem;
                    border-bottom: .01rem solid gainsboro;
                }
                .scrollbar-dot{
                    display: inline-block;
                    text-align: right;
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding-top: .1rem;
                    .swiper-pagination-bullet{
                        background: @color;
                    }
                }
                .scrollbar-dot-pic{
                    .blue-slide{
                        height: inherit;
                    }
                    a{
                        width: 33.3333%;
                        float: left;
                        margin: .2rem 0;
                    img{
                        width: .77rem;
                        height: .77rem;
                        background: .01rem scroll gainsboro;
                        border-radius:100%;
                    }
                    em{
                        line-height: .25rem;
                        color:@fontcolor ;
                    }
                    em:last-child{
                         color:#999;
                    }
                    }
                }
               
            }
        .list-conten-item{
              text-align: center;
            border-top:.1rem solid #F9F9F9 ;
            cursor: pointer;
            .conten-title-more{
                padding: .2rem 0;
                color: @color;
                a{
                    color: @color;
                }
                i{
                    margin:0 2rem;
                    font-style: normal;
                }
                .fa-angle-right{
                    margin: 0;
                    margin-left: .2rem;
                }
            }
            .conten-title{
                text-align: left;
                padding: .1rem;
                border-bottom: .01rem solid gainsboro;
             }
             strong{
                display: block;
                .list-pic{
                    img{
                         width: 100%;
                        border-radius:0;
                    }
                }
            }
            h3,h4,h5{
                text-align: left;
                padding: .1rem;
            }
            h4{
                padding: .1rem .1rem .02rem .1rem ;
                i{
                    color: @color;
                    font-style: normal;
                }
            }
            h5{
                padding-left: .1rem;
               
            }
        }
    }
}
